<template>
  <Row
    type="flex"
    justify="start"
    :gutter="15"
    style="height:calc(100% - 40px)"
  >
    <!-- gutter	栅格间距，单位 px，左右平分	 -->
    <!-- 左侧 显示便利店信息 -->
    <i-col :span="8" class="col">
      <left-layout></left-layout>
    </i-col>
    <!-- 中间显示总信息卡片，财务室，卸油口数据 -->
    <i-col :span="8" class="col">
      <center-layout></center-layout>
    </i-col>
    <!-- 右侧显示加油区和卸油口数据-->
    <i-col :span="8" class="col">
      <right-layout></right-layout>
    </i-col>
  </Row>
</template>

<script>
import LeftLayout from "./leftLayout";
import CenterLayout from "./centerLayout";
import RightLayout from "./rightLayout";

export default {
  name: "station-analysis-tab",
  components: {
    LeftLayout,
    CenterLayout,
    RightLayout
  }
};
</script>
<style lang="less">
.col {
  height: 100%;
}
</style>
